wiki:pconline_3.6.0

项目目的

跟随汽车网客户端的改版,除论坛版块的论坛列表页结构以及产品库页面不做调整外,其余和汽车网一致。具体包括:
1、客户端的样式以及风格改版
2、添加个人信息中心部分的功能
3、资讯版块、图集版块、文章终端页、帖子终端页、图集终端页等页面也跟随汽车网的需求,同步调整
4、从3.6.0版本开始,资讯客户端不再兼容4.3.x的版本,安装的系统版本要求需为IOS5.0以上的系统版本

原型地址: 原型浏览

接口地址: 接口

设计稿地址: 设计稿

切图单: 切图单

产品库和论坛外,其余地方的改动和汽车网客户端保持一致

电脑网计数器调整

 iPhone版计数器节点ID

 Android版计数器节点ID

资讯版块栏目调整

1、默认显示的栏目为:

1.1 iPhone版:头条、iPhone、新品、评测、手机
1.2 Android版:头条、新品、评测、手机、DIY
1.3 多余的栏目,隐藏在“栏目定制”的“更多栏目”中,默认不放出

2、离线下载的文案调整,修改文案为:正在下载今日头条(1/30)

论坛部分调整需求

1、去掉论坛首页“论坛收藏”版块,在首页右上角加“搜索”。
2、论坛首页处于“论坛列表”时右上角显示“搜索按钮”,处于“最近浏览”时右上角显示“清空按钮”;
3、去掉版块列表页的搜索框,统一在右上角加“搜索”;
4、搜索功能可以搜索论坛版块以及论坛帖子

产品库调整需求

1、电脑网客户端中的产品库中,大类内容调整,详见原型说明

快速设置区域调整需求

1、在页面的最后,加入“推荐应用”的链接入口,点击后进入APP推广的HTML页面,地址由钟志结提供

iPhone版UED需完善部分

位置描述评估意见
资讯列表下拉刷新的样式用iOS6系统默认的水滴拉伸效果的样式
文章终端评论图标和数字之间距离太大,数字的字体太小、颜色太浅;可点击区域应该与左边图标合在一起
评论列表字体大小调整的时候,评论列表页的字体也会和文章字体一样调整
评论列表上拉加载评论的时候,要等页面停止移动0.5S后,再加载下面的评论,不要让列表变得闪动
图赏图片终端页,从一个图集进入另外一个图集,切换效果很卡
图赏在每个图集最后一张图片的终端页返回列表页时,效果有问题
图赏图赏,点击每个图集封面进入图片终端时,建议使用文章看图的交互,图片从中间向四周展开显示;返回时,单击图片终端页,图片从四周向中间收回消失。
帖子终端进入大图模式后,可以左右切换帖子页的图片

需求重复部分,可不用QA

=== 云同步详细逻辑 ===
[[http://trac.pc.com.cn/iphone/wiki/pcauto_pconline_4.0.0/yuntongbu|云同步详细逻辑]][[BR]]

=== 项目接口 ===
[[http://trac.pc.com.cn/iphone/wiki/pcauto_pconline_4.0.0/intf | 接口]]

== 设置页面调整[[BR]]
1、入口说明[[BR]]
   1.1、点击客户端首页右上角的设置按钮,滑出快速设置层[[BR]]
   1.2、滑出的设置层,最顶部为用户登录通行证的入口,中上部分为“个人收藏”、“文章搜索”、“栏目定制”、“离线阅读”的功能或者入口按钮[[BR]]
   1.3、滑出层的中下部为详细设置的入口、用户意见反馈入口、用户体验计划入口、推荐APP下载入口[[BR]]
   1.4、【针对IOS客户端】实现客户端内的推荐APP,可以直接通过点击下载,而无需到app store,需添加“SKStoreProductViewController”特性[[http://www.leiphone.com/apple-app-

store.html|参考资料]][[BR]]
2、用户登录通行证说明[[BR]]
   2.1、点击页面中上部的登陆按钮,页面向左滑动,进入登录专用页(和3.5.0登录通行证页面一致)[[BR]]
   2.2、登陆后,客户端获取相应账号的头像,显示在客户端上[[BR]]
   2.3、用户登录太平洋通行证之后,个人收藏自动进行云同步功能,[[http://trac.pc.com.cn/iphone/wiki/pcauto_pconline_4.0.0/yuntongbu|查看云同步详细逻辑]][[BR]]
3、个人收藏 [[BR]]
   3.1、个人收藏的内容为:**文章、论坛、帖子**3个收藏栏目,默认进入**论坛**栏目[[BR]]
   3.2、用户左右滑动可以切换不同的收藏栏目项[[BR]]
   3.3、点击页面右上角的编辑按钮,进入对收藏内容的编辑状态,用户可以勾选多项,进行批量删除[[BR]]


== 资讯版块[[BR]]
1、文章列表[[BR]]
   1.1、2G/3G网络下,用户选择“无图模式”,连导航图/焦点图都不显示[[BR]]
   1.2、文章列表的右下方,要放出相应的内容信息,文章要显示评论条数,图集要显示图集张数,论坛要显示盖楼的楼层数[[BR]]
   1.3、点击文章区域,该区域要有点击触发效果[[BR]]
   1.4、文章导读图,用尺寸200*150来等比缩放贴合到客户端导读图中[[BR]]
   **1.4、IOS和android客户端都可在线调整栏目顺序功能,对于未调整过栏目顺序的用户,我们可以在线调整栏目顺序。但当用户有自定义过栏目顺序的时候,在线调整功能对其无效**[[BR]]

2、文章内容页[[BR]]
   2.1、文章页的样式以及过滤规则,要和汽车网一致[[BR]]
   2.2、当用户双击文章页时,渐现收缩出现文章的快速设定层,点击设定层以外的区域,将设定层关闭[[BR]]
   2.3、设定层提供“字号切换”和“夜间模式”两项功能[[BR]]
   2.4、点击大图,页面变黑并且图片展开,进入读图模式,再点击图片则退出读图模式,读图模式可横屏[[BR]]
   2.5、点击收藏的星星按钮,进行添加收藏时,要有个闪烁的动态效果,可参考汽车网客户端[[BR]]

3、评论列表页[[BR]]
   3.1、原有表情套,改为文字表情套[[BR]]
   3.2、相应文字表情在PC端上是表情,在客户端上是文字[[BR]]
   3.3、(for ios)发送评论,在顶部栏会有相应的发送信息提示:“正在发送评论...”;发送成功,显示:“评论发送成功”[[BR]]
   3.4、(for ios)若发送失败,顶部提示“评论发送失败,点击顶部栏再次发送”[[BR]]
   3.5、(for android),发送成功和失败,都用通用的提示即可[[BR]]

4、分享细化[[BR]]
   4.1、分享到QQ空间,保留现有的分享文章链接[[BR]]
   4.2、分享到新浪微博和腾讯微博的内容,若是用手机客户端打开分享连接,则跳转至客户端打开文章链接;若是用PC端浏览器打开分享连接,则直接打开PC端网页,和现有分享到腾讯微博的操作一

致[[BR]]
   4.3、分享到微信、微信朋友圈、手机QQ,分享的内容为相关页面的wap版地址,和现有的android版分享到微信的功能一致[[BR]]
   **分享需求统一说明** [[BR]]
   **4.4、新浪微博采用SSO登录;腾讯微博和QQ空间,IOS用SSO登录,android采用原有方式登录**[[BR]]
   **4.5、分享的范围为:分享到:新浪微博、腾讯微博、QQ空间;分享给:微信好友、微信朋友圈、QQ好友**[[BR]]
   4.6、分享页面是从上往下滑动进入;点击分享按钮、返回按钮或者黑色蒙层,分享页面收回[[BR]]

== 论坛[[BR]]
5、帖子内容页[[BR]]
   5.1、顶部功能栏,有切换“看全贴/只看楼主”的功能,切换时,要有提示[[BR]]
   5.2、提供该帖子所在的论坛的快速入口,点击入口进入论坛[[BR]]
   5.3、点击楼层的“回复”或者下方的“回帖”,进入回帖页面,点击楼层的“回复”按钮,进入的回帖页面会显示“回复xx楼”;点击下方的“回帖”按钮,回帖页面显示“回复楼主”[[BR]]
   
   5.12、点击大图,页面变黑并且图片展开,进入读图模式,再点击图片则退出读图模式
6、发帖页说明[[BR]]
   6.1、(for ios)发帖/回帖页面点击发送后,直接返回帖子内容页,同时在顶部栏会有相应的发送信息提示:“回帖/发帖发送中…”;发送成功,显示:“回帖/发帖成功”[[BR]]**
   6.2、(for ios)若发送失败,顶部提示“回帖/发帖失败,点击顶部栏再次发送”[[BR]]**
   6.3、(for android),帖子发送过程中,会有发帖的进度条提示[[BR]]   
   6.4、在发帖页点击返回的时候,当系统发现帖子已有内容的时候(有标题/有帖子内容/有图片),提醒用户是否要退出[[BR]]
   6.5、点击添加图片按钮,滑出添加图片的功能层,点击相应的功能添加图片[[BR]]
   6.6、点击已添加的图片,滑出删除图片的功能层,点击相应功能进行操作[[BR]]
   6.7、最多只能添加8张图片,到达八张后,再添加图片提示无法添加;图片上传机制,和汽车网保持一致[[BR]]
   6.8、(for ios)取消草稿箱,系统只保存上次未发布的帖子,具体流程如下:[[BR]]
      6.8.1、用户进入发帖页面,系统提示上次有未发布的帖子,是否继续编辑;[[BR]]
      6.8.2、若用户选择确定,进入上次的草稿,继续发帖,发帖后草稿箱清空;[[BR]]
      6.8.3、用户选择取消,则开新的帖子,同时上次存的草稿也被删除;[[BR]]
      6.8.4、用户的新帖子,若是点击发布,则正常发布,下次用户再点击发帖,还是会提醒用户上次有未发布的帖子;[[BR]]
      6.8.5、用户的新帖子若未发布,则新帖子存入草稿箱,取代上次的稿件[[BR]]


== 图赏[[BR]]
1、图集的图片放大,同时放出图集的标题以及张数信息[[BR]]
2、点击图片后,系统渐隐切换进入图片终端页[[BR]]
3、图片终端页的底部默认显示功能按钮(分享/下载/图集列表)[[BR]]
4、当手指在图片上向上滑动时,功能按钮渐隐消失[[BR]]
5、当手指在图片上向下滑动时,功能按钮渐隐出现[[BR]]
6、点击图集列表按钮后:[[BR]]
   6.1、右侧滑出图集的列表层[[BR]]
   6.2、按钮变为X[[BR]]
   6.3、选择相应的图片后,读取过程中右侧图片列表层向右滑动隐藏,按钮也重新变回图片列表按钮[[BR]]
7、首页推荐的图集,在第一张图或者最后一张图左右滑动时的提示要修改或者取消提示[[BR]]
8、在图赏栏目的图集,在浏览到图集的第一张或最后一张时,再滑动可以进入上一个或下一个图集[[BR]]

== 专栏[[BR]]
1、专栏整个页面都是HTML,由编辑手动控制[[BR]]

Attachments